<!DOCTYPE html>
<html>    
    <head>
        <meta charset="utf-8">
        <meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta http-equiv="content-security-policy">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <title>哇吖旅行</title>
        <!-- Path to Framework7 Library CSS-->
        <link rel="stylesheet" href="css/framework7.ios.min.css">
        <link rel="stylesheet" href="css/framework7.ios.colors.min.css">
        <!-- Path to your custom app styles-->
        <link rel="stylesheet" type="text/css" href="css/my-app.css">
        <link rel="stylesheet" type="text/css" href="../css/my-app.css">
        <link rel="stylesheet" type="text/css" href="css/framework7.3dpanels.min.css">
    </head>
    <body style="-webkit-text-size-adjust:none;">
    <!-- Status bar overlay for full screen mode (PhoneGap) -->
    <div class="statusbar-overlay"></div>
     <!-- Panels Overlay -->
    <div class="panel-overlay"></div>
 
    <!-- Left Panel with Reveal effect -->
    <div class="panel panel-left panel-reveal">
	    <div class="content-block">
	      <!-- <p class="find_design close-panel">寻求定制</p> -->
	      <p class="design_anli close-panel">定制案例</p>
	      <!-- <p class="zy_product close-panel">自营产品</p> -->
	    </div>
    </div>
    <!-- Views -->
    <div class="views">
      <!-- Your main view, should have "view-main" class -->
      <div class="view view-main">
        <!-- Top Navbar-->
        <div class="navbar" style="background-color: transparent;">
          <div class="navbar-inner">
            <!-- We need cool sliding animation on title element, so we have additional "sliding" class -->
            <div class="center sliding"></div>
          </div>
        </div>
        <!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes-->
        <div class="pages navbar-through">
          <!-- Page, "data-page" contains page name -->
          <div data-page="design_trip_index" class="page" id="design_trip_index">
            <!-- Scrollable page content -->
            <div class="page-content">
             
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <script id="anli_index" type="text/template">
    <div class="swiper-container swiper-anli-index" style="height:100vh;width:100vw;">
   	<div class="swiper-pagination swiper-pagination-anli-index"></div>
    <div class="swiper-wrapper">
      {{#each this}}
         <div class="swiper-slide anli-index-slide">
            <div class="card anli_index_item" style="margin:0;">
             <div style="background:url({{this.images}}) no-repeat;
                         height: 40vh;background-size: cover;background-position: center;" 
             class="card-header">
             </div>
             <div class="card-content anli_index_enter_detail" data-anliId="{{this.id}}" style="height:60vh;">
                 <div style="width: 15vw;margin: 0 auto;">
                   <img src="/img/logo-horizon.png" style="width:100%"/>
                 </div>
                 <div class="card-content-inner">
                   <p class="title">{{this.name}}</p>
                   <p class="color-gray summary" style="padding:0 1em;">{{this.summary}}</p>
                   <p class="color-gray footer">旅行实录</p>
                 </div>
             </div>
             
            </div>
          </div>
	  {{/each}}
    </div>
    </div>
    </script>
    
    <script id="anli_detail" type="text/template">
     {{#each this}}
      <img data-src="{{this}}" class="lazy lazy-fadeIn" style="width:100%;float:left;">
     {{/each}}
    </script>
    
    <script id="PlaySelfItem" type="text/template">
    <div class="list-block media-list" style='margin:0;'>
         <ul>
            {{#if this}}
            	{{#each this}}
            		<li data-id="{{id}}" class="selfplayitem" style="background: #fff;box-shadow: 0 1px 2px rgba(0,0,0,.3);margin: 10px;border-radius: 2px;font-size: 14px;">
            			<a href="#" class="item-link item-content">
						    <div class="item-media" style='width: 120px;height: 90px;background: url({{thumb}}) no-repeat;background-size: cover;'>
						    </div>
            				<div class="item-inner">
            					<div class="item-title-row">
            						<div class="item-title bold yahei size_15">{{name}}</div>
            						<div class="item-after size_15 color-green">{{priceTotal}}</div>
            					</div>
            					<div class="item-subtitle size_12" style='margin:5px 0;'>
            						<span class="color-green">{{orders}}</span>人购买 &nbsp;&nbsp;
            						<span class="color-green">{{count}}</span>人评论
            					</div>			
            					<div class="item-text">{{summary}}
            					</div>
            				</div>
            			</a>
            		</li>
            	{{/each}}
            {{else}}
            	<li class="yahei size_12 color-gray" style="text-align:center;">暂无数据</li>
            {{/if}}
        </ul>
    </div>
    </script>

    <script id="PlayingMethodCity" type="text/template">
	{{#each this}}
		{{#each content}}
			<li class="list-group-title" style="background:0;">{{country}}</li>
			<li>
			    <div class="row" style="margin:5px;justify-content: flex-start;">
			    	{{#each content}}
			    		<div class="col-33" style="width: calc(100%/3);margin-bottom: 0.5vh;margin-top: 0.5vh;">
                            <a href="#" class="button btn_item size_12" style="width:90%;margin:0 auto;" data-city="{{name}}" data-id="{{id}}">{{name}}</a>
                        </div>
			    	{{/each}}
				</div>
			</li>
		{{/each}}
	{{/each}}
    </script>
    
    <script id="PlayingMethodType" type="text/template">
	<li>
	<div class='row' style='margin:5px;justify-content: flex-start;'>
	<div class="col-33 active" style="width: calc(100%/3);margin-bottom: 0.5vh;margin-top: 0.5vh;">
		<a href="#" class="button active btn_item size_12" data-id="0" style="width:90%;margin:0 auto;">不限</a>
	</div>
    </div>
    </li>
	{{#each this}}
	  <li class="list-group-title" style="background:0;">{{name}}</li>
	  <li>
	  <div class='row' style='margin:5px;justify-content: flex-start;'>
	  {{#each child}}
		<div class="col-33" style="width: calc(100%/3);margin-bottom: 0.5vh;margin-top: 0.5vh;">
			<a href="#" class="button btn_item size_12" data-id="{{id}}" style="width:90%;margin:0 auto;">{{name}}</a>
		</div>
	  {{/each}}
      </div>
	  </li>
	{{/each}}
    </script>
    
    <script id="SelfPlayDescLine" type="text/template">
    {{#each descLineApp}}
      	    <li>
               <div class="item-content" style="padding:0">
                    <img src="{{this}}" style="width:100%;">
               </div>
            </li>
    {{/each}}
	</script>
	
	<script id="SelfPlayDescPrice" type="text/template">
    {{#each descPriceApp}}
      	    <li>
               <div class="item-content" style="padding:0">
                    <img src="{{this}}" style="width:100%;">
               </div>
            </li>
    {{/each}}
	</script>
    

    <!-- Path to Framework7 Library JS-->
    <script type="text/javascript" src="../js/framework7.js"></script>
    <script type="text/javascript" src="js/framework7.3dpanels.min.js"></script>
    <!-- 初始化 -->
    <script type="text/javascript" src="js/init.js"></script>
    <!-- 全局函数 -->
	<script type="text/javascript" src="js/function.js"></script>
	<!-- 全局事件 -->
	<script type="text/javascript" src="js/event.js"></script>
	<!-- 页面 -->
	<script type="text/javascript" src="js/page_anli_index.js"></script>
	<script type="text/javascript" src="js/page_anli_detail.js"></script>
	<script type="text/javascript" src="js/page_zy_product.js"></script>
	<!-- 补充 -->
	<script type="text/javascript" src="js/end.js"></script>
    </body>
</html>